/********************reset*********************/
* 
{
padding: 0;
margin: 0;
}

.calendar-calendar li 
{
display:inline;
list-style:none;
font-family: arial;
color:#ffffff;
font-size:12px
}

tr.odd
{
background-color:#990000;
}

tr.even
{
background-color:#000033;
}
/********************regions*********************/

#outerwrapper
{
margin:0 auto;
width:786px;
text-align:left;
}  

#wrapper
{
margin:0 auto;
width:786px;
}  

#content
{
background:url("images/invading-force-mediacenter.jpg") top left repeat-y;
float:left;
width:786px;
overflow:hidden;
}

body.frontpage #header
{
background:url("images/invading-force-header.jpg") top left no-repeat;
position:relative;
height:316px;
width:786px;
float:left;
overflow:hidden;
}

body.internal #header
{
background:url("images/invading-force-header2.jpg") top left no-repeat;
position:relative;
height:254px;
width:786px;
float:left;
overflow:hidden;
}
#left 
{
position:relative;
float:left;
width:232px;
overflow:hidden;
}

#left_top
{
position:relative;
float:left;
width:212px;
margin-bottom:5px;
z-index:3;
margin-top:35px;
padding-top:15px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}

#left_center
{
position:relative;
float:left;
width:212px;
height:220px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}

#left_bottom
{
position:relative;
float:left;
width:212px;
margin-bottom:5px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
}

#right 
{
width:554px;
margin:0px;
float:left;
overflow:hidden;
}  

#right_bottom 
{
background:url("images/invading-force-content-blog.jpg") repeat-y;
float:left;
width:554px;
min-height:250px;
padding-left:10px;
overflow:hidden;
}  

#right_footer 
{
background:url("images/invading-force-footerlinks.jpg")  no-repeat;
width:554px;
height:53px;
float:left;
overflow:hidden;
}  

#login 
{
width:554px;
height:18px;
float:right;
overflow:hidden;
}  

#footer
{
background-color:#000;
position:relative;
float:left;
height:64px;
width:786px;
margin:0 auto;
overflow:hidden;
padding-left:232px;
}

#navigation
{
background:url("images/invading-force-links.jpg") top center no-repeat;
position:relative;
float:left;
width: 786px;
height: 30px;
z-index: 2;
overflow:hidden;
}

#video
{
position:relative;
float:left;
width: 300px;
height: 30px;
z-index: 3;
margin-left:455px;
margin-top:75px;
}

#secondary_navigation
{
position:relative;
float:left;
width: 200px;
height: 25px;
top:58px;
left:550px;
z-index: 2;
overflow:hidden;
}

#bg
{ 
background:url("images/beachbg.jpg")  no-repeat;
position:absolute;
float:left;
top:0;
left:0;
height:700px;
width:100%;
z-index:-1;
overflow:hidden;
}

.footermessage
{
position:relative;
float:left;
width:100%;
display:block;
}
/********************slideshow*********************

.views-field-nothing
{
float:right;
font-family:arial;
font-size:12px;
color:#fff;
padding-top:15px;
padding-right:10px;
}

#mediaimage
{
width:210px;
height:140px;
border: 1px solid gray;
border-right:1px solid gray;
overflow:hidden;
margin-right:12px;
margin-top:10px;
}


#moreimage
{
background:url("images/sidebarmorebg.png")  no-repeat;
width:49px;
height:13px;
float:right;
padding-left:12px;
padding-bottom:2px;
margin-top:15px;
font-size:10px;
}
/********************blog*********************/
.views-field-title
{
margin:0px;
padding:0px;
}

#more
{
background:url("images/sidebarmorebg.png")  no-repeat;
width:49px;
height:13px;
float:left;
margin-left:10px;
padding-left:15px;
padding-bottom:10px;
}

#blog 
{
top:0px;
position:relative;
display:block;
width:255px;
padding-left:5px;
padding-top:5px;
margin-bottom:15px;
font-family:tahoma;
font-size:10px;
}  

#blog_teaser 
{
width:235px;
margin:0 auto;
padding-left:5px;
padding-bottom:10px;
}  

#blog_title
{
background:url("images/invadingforceblogbutton.png") no-repeat;
display:block;
position:relative;
z-index:4;
height:37px;
margin:0 auto;
margin-top:25px;
margin-left:-8px;
}  

#blog_image 
{

position:relative;
float:left;
display:block;
width:255px;
height:110px;
margin-top:5px;
margin-left:5px;
margin-bottom:5px;
}  

img.imagefield-field_image
{
border: 2px solid #e78727; 
}

h3.blog_title
{
position:relative;
font-family:tahoma;
font-size:16px;
color:#fff;
padding-top:5px;
padding-left:25px;
} 


.col-2
{
padding-left:10px;
width:255px;
}

.col-1
{
width:255px;
position:relative;
}

#blog_title a:link
{
color:#fff;
} 

#blog_title a:active
{
color:#fff;
} 

#blog_title a:visited
{
color:#fff;
} 

#blog_title a:hover
{
color:#e78727;
} 

.views-view-grid
{
top:0px;
}

#comments
{
padding-top:20px;
}

/********************recentblog*********************/

h2.blogblock
{
text-decoration:underline;
font-size:16px;
text-align:center;
color:#e78727;
}

.blogblock
{
padding-left:10px;
}

.item-list ul li a:hover
{
color: #e78727;
text-decoration: underline;
}

.item-list ul li a:active
{
font-size:12px;
color:#fff;
}

.item-list ul li a:visited
{
font-size:12px;
color:#fff;
}


.item-list ul li a:link
{
font-size:12px;
color:#fff;
}

.more-link
{
background:url("images/sidebarmorebg.png")  right no-repeat;
width:49px;
height:13px;
margin-top:10px;
padding-bottom:2px;
float:right;
font-size:10px;
text-align:center;
}
/********************expandable regions*********************/


.mainbottom
{
float:left;
width:554px;
height:63px;
background:transparent url("images/invading-force-contentbottom.jpg") bottom no-repeat;
z-index:3;
}

.maintop 
{
background:transparent url("images/invading-force-contenttop.jpg") top no-repeat; 
float:left;
width:554px;
height:73px;
z-index:3;
}

.mainbox 
{ 
float:left;	
padding-left:30px;
padding-right:30px;	
/*Your width is width minus 20px for your left and right padding*/
width:494px;
min-height:264px;
/*the url to your text background*/
background:transparent url("images/invading-force-contentmiddle.jpg") repeat-y;
z-index:3;
overflow:hidden;
}





/********************primary nav*********************/

#navigation ul
{
width:786px;
height:29px;
list-style:none;
display:inline;
float:left;
}


#navigation ul li
{
float:left;
width:auto;
}

#navigation li a
{
position:relative;
display:inline;
background:url("images/navdivider.jpg") right no-repeat;
top:4px;
height:25px;
width:2px;
font-family:arial;
font-size:12px;
font-weight:bold;
padding-top:5px;
padding-right:20px;
padding-left:15px;
text-decoration:none;
color:#ffffff;
text-align:center;
overflow:hidden;
}

#navigation li.last a
{
background:none;
display:inline;
font-family:arial;
font-size:12px;
padding-top:5px;
padding-right:20px;
padding-left:15px;
text-decoration:none;
color:#ffffff;
text-align:center;
}

#navigation li.first a
{
background:url("images/navdivider.jpg") right no-repeat;
font-family:arial;
font-size:12px;
padding-top:5px;
padding-right:20px;
padding-left:60px;
text-decoration:none;
color:#ffffff;
text-align:center;
}

#navigation ul li a:hover
{
color: #e78727;
text-decoration: underline;
}


/********************secondary nav*********************/

#secondary_navigation ul
{
background:url("images/primary_links.png") no-repeat;
width:200px;
height:20px;
list-style:none;
float:left;
}


#secondary_navigation ul li
{
display:inline;
float:left;
width:auto;
}

#secondary_navigation li a
{
font-family:arial;
font-size:11px;
font-weight:bold;
padding-top:11px;
padding-right:17px;
padding-left:35px;
display:block;
text-decoration:none;
color:#ffffff;
}

#secondary_navigation li.last a
{
background:none;
font-family:arial;
font-size:11px;
padding-top:11px;
padding-right:17px;
padding-left:30px;
text-decoration:none;
color:#000000;
}


#secondary_navigation ul li a:hover
{
color: #fff;
text-decoration: underline;
}

/********************footermenu1*********************/


#block-menu-menu-footer-menu ul
{
float:left;
width:100%;
margin:0;
padding-bottom:15px;
padding-left:10px;
list-style-type:none;
}


#block-menu-menu-footer-menu li {display:inline;}

#block-menu-menu-footer-menu li.first a
{
float:left;
width:auto;
padding-right:10px;
padding-left:15px;
padding-top:20px;
font-family:tahoma;
text-align:center;
font-weight:bold;
font-size: 10px;
text-decoration:none;
color:#ffffff;
}

#block-menu-menu-footer-menu li a
{
float:left;
width:auto;
padding-right:10px;
padding-left:22px;
padding-top:20px;
font-family:tahoma;
text-align:center;
font-weight:bold;
font-size: 10px;
text-decoration:none;
color:#ffffff;
}

#block-menu-menu-footer-menu li a.active
{
float:left;
width:auto;
padding-right:10px;
padding-left:22px;
padding-top:20px;
font-family:tahoma;
text-align:center;
font-weight:bold;
font-size: 10px;
text-decoration:none;
color:#ffffff;
}

#block-menu-menu-footer-menu li.last a
{
float:left;
width:auto;
padding-right:10px;
padding-left:22px;
padding-top:20px;
font-family:tahoma;
text-align:center;
font-weight:bold;
font-size: 10px;
text-decoration:none;
color:#ffffff;
}


#block-menu-menu-footer-menu li a:hover
{
color:#b94400;
text-decoration: underline;
}

/********************login*********************/
/*
by default, the default form adds some surrounding space, this cancels it
*/
.content div.form-item,
.content div.content 
{
margin: 0; padding: 0;
}

/*
this adds some space in top and bottom, so anything inside can look vertically
centered
*/
#user-login-form 
{
padding: .65em 0;
margin-top:30px;
width:370px;
}

/*
by default, fields labels tries to reserve a whole line for itself, this
cancels that and and sends it to the left.
it also adds some space on the right and left of the label to look easy on
the eye.
*/
#user-login-form label 
{
float: left;
margin-left: 10px;
margin-right: 2px;
}

/*
inputs too, they try to reserve a whole line for itself, this
cancels that and sends it to the left
*/
#user-login-form input 
{
float: left;
}

/*
I don't like the required * (asterisks), so I hide them.
*/
#user-login-form span.form-required 
{
display: none;
}

/*
the form submit button,
*/
#user-login-form input.form-submit 
{
margin-top: -1px;
margin-left: 10px;
padding: 0em .5em .1em .5em;
font-size:.9em;
border:1px solid #999;
background-color:#E3A332;
color:white;
cursor:pointer;
}


#user-login-form #edit-name, #user-login-form #edit-pass 
{
width: 70px;
font-size:.9em;
}


/*
now this is for the links list, lists by default tries to reserve a whole line
also they add space surrounding them. we cancel all that and send the list
to the right
*/
#user-login-form div.item-list ul {
margin: 10px; padding: 0px;
padding-top:5px;
text-align:left;
clear:both;
}

/*
remember, stylign above was for the whole list, now for each item,
we all know each item in the list by default exists on a separate line, also
has that bullet on the left. we cancel all that. and makes all items sit beside
each other
*/
#user-login-form div.item-list ul li {
margin:0px;
padding: 0px;
margin-top: 6px;
background: none;
list-style:none;
display:inline;
}

/*
this is the "Hi user, welcome back message".
by default <p> tries to exist on a separate line, we cancel that.
also by default <p> has some surrounding space, we cancel that too, and give it
only space on the left.
*/
#user-login-form p.user-info 
{
float: left;
padding: 0;
margin: 0 0 0 10px;
}




#user-login-form p.user-info 
{
display:inline;
padding-right:5px;
width:auto;
clear:none;
}

#user-login-form input.form-submit
{
display:inline;
clear:none;
background-color:#e78727;
}

#user-login-form div.item-list ul 
{ 
display:inline;
float:left;
clear:none;
margin:0px;
padding:0px 10px 0px 10px;
width:auto;
}


.item-list
{
display:inline;
padding-top:0px;
clear:none;
}



#user-login-form div.item-list li a 
{ 
padding-right:5px;
display:inline;
clear:none;
}


#user-login-form 
{
font-size:10px;
margin-top:0px;
padding:0 5px 0 0;
display:inline;
clear:none;
color:white;
width:auto;
}

#block-menu-menu-login ul
{
float:right;
width:auto;
list-style-type:none;
display:inline;
clear:none;
}


#block-menu-menu-login li {display:inline;}




#block-menu-menu-login li a.active
{
display:inline;
float:right;
width:auto;
font-family:tahoma;
text-align:center;
font-weight:bold;
font-size: 10px;
text-decoration:none;
color:#ffffff;
}


#block-menu-menu-login li.last a
{
display:inline;
float:right;
width:auto;
font-family:tahoma;
text-align:center;
font-weight:bold;
font-size: 10px;
text-decoration:none;
color:#ffffff;
margin-top:5px;
margin-bottom:15px;
margin-right:260px;
}


#block-menu-menu-footer-menu li a:hover
{
color:#b94400;
text-decoration: underline;
}


/********************body*********************/
body 
{
width: 100%;
height: 100%;
margin: 0;
border: 0;
padding: 0;
background-color:#170001;
font-family:arial;
text-align:center;
}

.profile
{
color:#fff;
}

a:link
{
color:#e78727;
text-decoration: none;
}

a:active
{
color:#e78727;
text-decoration: none;
}

a:visited
{
color:#e78727;
text-decoration: none;
}

a:hover
{
color:#fff;
text-decoration: underline;
}

/********************fonts*********************/
#hrmiddle
{
margin-top:30px;
}

#hr
{
position:relative;
margin-top:50px;
}

hr
{
height:1px;
border:none;
border-bottom:1px solid gray;
}

h1.title
{
padding-top:10px;
color: #e78626;
font-family: arial;
padding-left:30px;
font-weight:bold;
font-size:22px;
}

h1 , h2 , h3 , h4 , h5 , h6 , h7 , h8 , ul

{
font-family: arial;
color:#ffffff;
}

h3.gallerytitle
{
font-family:arial;
font-size:14px;
color:#fff;
text-align:center;
}

p  

{
padding-top:20px;
font-family: arial;
color:#ffffff;
font-size:12px;
text-align:left;
}

.messages status , .description
{
font-family: arial;
color:#ffffff;
font-size:12px;
}

form#user-pass-reset
{
color:#fff;
}
td
{
font-family: arial;
color:#ffffff;
font-size:12px
}

dl

{
font-family: arial;
color:#ffffff;
font-size:12px
}

span.highlightbold
{
font-family: arial;
color:#e78727;
font-size:12px;
font-weight:bold;
}

span.highlight
{
font-family: arial;
color:#e78727;
font-size:12px;
}

p.copyright
{
padding-top:3px;
margin:0;
padding-top:5px;
color:#fef3b9;
font-family: arial;
text-align: center;
font-size: 55%;
padding-right:200px;
}

span.powered
{
color: #fff;
}

span.mango
{
color:orange;
}

span.submitted
{
color:#fff;
}

/********************webform*********************/
.form-item label 
{
font-weight:bold;
font-family:arial;
color:#fff;
font-weight: bold;
font-size:11px;
}

/* make everything the same width */
.webform-component-textfield{
width:240px;
}
.webform-component-email{
width:240px;
}
.webform-component-textarea{
width:450px;
}
.webform-component-select{
width:300px;
}

/* your_name and churchorganization side by side */
/* Float this left and clear anything on the left */
#webform-component-your_name {
float:left;
clear:left;
}

/* Float this left and clear anything on the right */
#webform-component-host_churchorganization {
float:left;
clear:right;
}

/* next row: positiontitle & address side by side */
#webform-component-your_positiontitle {
clear:left;  
float:left;
}
#webform-component-address {
  float:left;
clear:right;
}
#webform-component-city {
  clear:left;
  float:left;
}
#webform-component-stateprovinceisland {
  float:left;
  clear:right;
}
#webform-component-zip_code {
  clear:left;
  float:left;
}
#webform-component-country {
  float:left;
  clear:right;
}
#webform-component-office_hours {
  clear:left;
  float:left;
}
#webform-component-telephone {
  float:left;
  clear:right;
}
#webform-component-fax {
  clear:left;
  float:left;
}
#webform-component-church_website {
  float:left;
  clear:right;
}

#webform-component-email_address {
  clear:left;
  float:left;
}
#webform-component-contact {
  float:left;
  clear:right;
}
#webform-component-event_date {
  clear:left;
  float:left;
}
#webform-component-event_time {
  float:left;
  clear:right;
}
#webform-component-event_location {
float:left;
clear:both; 
}
#webform-component-event_address {
float:left;
clear:both; 
}
#webform-component-themepurpose {
float:left;
clear:both;  
}
#webform-component-scripture_ref {
float:left;
clear:both;
}
#webform-component-other_information{
float:left;
clear:both;
}

#webform-component-how_did_you_first_hear_about_evangelistprophetess_denise_mather{
float:left;
clear:both;
}
.textarea-identifier {
display:none;
}
.form-submit{
float:left;
clear:both;
}

#webform-component-message_subject{
float:left;
clear:both;
}

#webform-component-message{
float:left;
clear:both;
}

#webform-component-person_prayer_request_is_for{
float:left;
clear:both;
}
#webform-component-the_prayer_need_is{
float:left;
clear:both;
}
#webform-component-prayer_request_details{
float:left;
clear:both;
}

/* have to get very specific for the form element itself */
input#edit-submitted-your-name.form-text
{
  /* set the size of the input box if you didn't get it in cck or
     you want them all the same*/
  width: 100px;
  margin-bottom: 20px; /* sets a margin if you want it - optional */
}

input#edit-submitted-host-churchorganization.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-your-positiontitle.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-address.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-city.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-stateprovinceisland.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-zip-code.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-country.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-office-hours.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-telephone.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-fax.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-church-website.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-email-address.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-contact.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-event-date.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-event-time.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-event-location.form-text
{
margin-bottom: 20px; 
}

input#edit-submitted-event-address.form-text
{
margin-bottom: 20px; 
}

input#edit-submitted-themepurpose.form-text
{
margin-bottom: 20px; 
}

input#edit-submitted-scripture-ref.form-text
{
margin-bottom: 20px; 
}

#edit-submitted-other-information-wrapper
{
margin-bottom: 20px; 
}

#edit-submitted-how-did-you-first-hear-about-evangelistprophetess-denise-mather-wrapper
{
margin-bottom: 20px; 
}

input#edit-submitted-person-prayer-request-is-for.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-your-first-name.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-your-last-name.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-first-name.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-last-name.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-reason-for-contact.form-select
{
width: 200px;
margin-bottom: 20px; 
}

input#edit-submitted-organization.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-phone.form-text
{
width: 100px;
margin-bottom: 20px; 
}

input#edit-submitted-person-prayer-request-is-for.form-text
{
margin-bottom: 20px; 
}

#edit-submitted-the-prayer-need-is-wrapper
{
margin-bottom: 20px; 
}

#edit-submitted-prayer-request-details-wrapper
{
margin-bottom: 20px; 
}

#edit-submitted-reason-for-contact-wrapper
{
margin-bottom: 20px; 
}

input#edit-submitted-message-subject.form-text
{
margin-bottom: 20px; 
}

#edit-submitted-message-wrapper
{
margin-bottom: 20px; 
}
/********************calendar*********************/


span.submitted
.calendarmini
{
margin-top:20px;
}

.calendar-calendar th
{
color:#FFFFFF;
margin:0;
text-align:center;
}
thead th {
border-bottom:none;
padding-right:1em;

}

/*  calendar calendar table styles  */
.calendar-calendar tr.odd, .calendar-calendar tr.even {
  background-color:#fff;
}
.calendar-calendar table {
  border-collapse: collapse;
  border-spacing: 0;
  margin:0 auto;
  padding:0;
  width: 98%; /* Setting at 100% causes problem in Internet Explorer. */
}
.calendar-calendar .month-view table {
  border:1px solid #990000;
  padding:0;
  margin:0;
  width:100%;
}

  /* IE needs a little help to get the side by side tables to the right size */
.calendar-calendar .year-view td {
  width:32%;
  padding:1px;
  border:none;
}

.calendar-calendar .year-view td table td {
  width:13%;
  padding:0;
}

.calendar-calendar tr {
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.calendar-calendar th {
  color: #fff;
background-color:#990000;
  text-align: center;
  margin:0;
}
.calendar-calendar th a {
  font-weight: bold;
  color: #fff;
  background-color: #fff;
}
.calendar-calendar td {
   min-width:13%;
   width: 13%; /* 14% is about 1/7 of total table width */
  border: 1px solid #990000;
  color: #fff;
  text-align: right;
  vertical-align: top;
  margin: 0;
  padding:0;
}

/* simplify the mini calendar by removing borders */
.calendar-calendar .mini {
  border:none;
 }

/* format for the week number in the first cell */
.calendar-calendar td.week {
  width:1%;
  min-width:1%;

  }
.calendar-calendar .week {
  clear:both;
  font-style: normal;
  color: #555;
  font-size: 12px;
}
.calendar-calendar .week a {
  font-weight:bold;

}

/* IE6 does not support min-height, using Min-Height fast hack from http://www.dustindiaz.com/min-height-fast-hack */
.calendar-calendar .inner {
  min-height:5em;
  height:auto !important;
  height:5em;
  	
  padding:0;
  margin:0;
}
.calendar-calendar .inner div {
  padding:0;
  margin:0;
}
/* Make sure paragraphs buried in calendar cells use padding, not margins, for separation so the background color doesn't come through. */
.calendar-calendar .inner p {
  padding:0 0 .8em 0;
  margin:0;
}
.calendar-calendar td a {
  font-weight: bold;
color:#fff;
  text-decoration: none;
}
.calendar-calendar td a:hover {
  text-decoration: underline;
}
.calendar-calendar td.year, 
.calendar-calendar td.month {
  text-align: center;
}

/* format days of the week header cells */
.calendar-calendar th.days {
  color: #ccc;
  background-color: #224;
  text-align: center;
  padding:1px;
  margin:0;
 }

/*  floating day number div  */
.calendar-calendar div.day {
  float: right;
  text-align: center;
  padding: 0.125em 0.25em 0 0.25em;
  margin: 0;
  background-color: transparent;
border: none;
  border-width: 0 0 1px 1px;
  clear:both;
  width:1.5em;
}

/*  individual node container  */
.calendar-calendar div.calendar {
  background-color: transparent;

  text-align: left;
  margin:0 .25em .25em 0;
  width: 96%;
  float:right; /* needed to keep IE from hiding the floating day number */
  clear:both;
}
/* No floating of day view content because there is no floating day number */
.calendar-calendar .day-view div.calendar {
  float:none;
  width:98%;
  margin:1% 1% 0 1%;
}

.calendar-calendar div.title {
  font-size:.8em;
  text-align:center;
}

.calendar-calendar div.title a {
  color: #000;
}
.calendar-calendar div.title a:hover {
  color: #c00;
}
.calendar-calendar .content {
  clear:both;
  padding: 3px;
  padding-left: 5px;
}
.calendar div.form-item {
  white-space: normal;
}

table td.mini, 
table th.mini, 
table.mini td.week {
  padding:0 1px 0 0;
  margin:0;
  }
table td.mini a {
  color:#fff;
  font-weight:normal;
  }
.calendar-calendar .mini-day-off {
  padding:0px;
}
.calendar-calendar .mini-day-on {
  padding:0px;
}
table .mini-day-on a {
  text-decoration:underline;
  }
.calendar-calendar .mini .title {
  font-size:.8em;
  }
.mini .calendar-calendar .week {
  font-size:.7em;
  }
.mini-row {
  width:100%;
  border:none;
}
.mini{
  width:32%;
  vertical-align:top;
  }


/* formatting for the legend stripe and block */
.calendar-calendar .stripe {
  height: 5px;
  width: auto;
  font-size:1px !important;
  line-height:1px !important;
}
.calendar-calendar .day-view .stripe {
  width:100%;
}
table.calendar-legend {
  background-color:#ccc;
  width:100%;
  margin:0;
  padding:0;
}
table.calendar-legend tr.odd .stripe,
table.calendar-legend tr.even .stripe {
  height:12px !important;
  font-size:9px !important;
  line-height:10px !important;
}
.calendar-legend td {
  text-align:left;
}

.calendar-empty {
  font-size:1px;
  line-height:1px;
}

/* formatting for the full day view */  
.calendar-calendar td.calendar-agenda-hour {
  font-family:serif;
  text-align:right;
  border:1px solid #990000;
  padding-top:.25em;
  width:1%;
}
.calendar-calendar td.calendar-agenda-no-hours {
  min-width:1%;
}
.calendar-calendar td.calendar-agenda-hour .calendar-hour {
  font-size:1.2em;
  font-weight:bold;
}
.calendar-calendar td.calendar-agenda-hour .calendar-ampm {
  font-size:1em;
}
.calendar-calendar td.calendar-agenda-items {
  border:1px #990000 solid;
  text-align:left;
}
.calendar-calendar td.calendar-agenda-items div.calendar {
  width:auto;
  padding:.25em;
  margin:0;
}
.calendar-calendar div.calendar div.inner .calendar-agenda-empty {
  width:100%;
  text-align:center;
  vertical-align:middle;
  padding:1em 0;
  background-color:transparent;
}

/* the popup date selector for jumping to a new date */
.calendar-date-select form {
  text-align:right;
  float:right;
  width:25%;
}
.calendar-date-select div, 
.calendar-date-select input, 
.calendar-date-select label {
  text-align:right;
  padding:0;
  margin:0;
  float:right;
  clear:both;
}
.calendar-date-select .description {
  float:right;
}
.calendar-label {
  font-weight:bold;
  display:block;
  clear:both;
}

.calendar-calendar div.date-nav {
  background-color:#000033;
  color:#990000;
  padding:0.2em;
  width:auto;
  border:none;
}
.calendar-calendar div.date-nav a, 
.calendar-calendar div.date-nav h3 {
  color:#990000;
font-size:14px;
}
.calendar-calendar th.days {
  background-color:#990000;
  color:#000033;
  font-weight:bold;
  font-size:11px;
  border:1px solid transparent;

.calendar-calendar td.empty 
{
  background-color:transparent;
  border-color:transparent;
}

.calendar-calendar table.mini td.empty {
  background:transparent;
  border-color:transparent;
}

.calendar-calendar td div.day {
  border:1px solid #990000;
  border-top:none;
  border-right:none;
  margin-bottom:2px;
}

.calendar-calendar td .inner div,
.calendar-calendar td .inner div a {
  background:transparent;
}
/* Set small font size for all items in calendar div, themes can override this. */
/* Use x-small instead of em to avoid multiplying effect in nested items. */
.calendar-calendar div.calendar {
  border:none;
  font-size:x-small;
}
.calendar-calendar td .inner div.calendar div,
.calendar-calendar td .inner div.calendar div a {
  border:none;
  background:#ffc;
  padding:0 2px;
}
.calendar-calendar td .inner div.calendar div.calendar-more,
.calendar-calendar td .inner div.calendar div.calendar-more a {
  color:#444;
  background:transparent;
  text-align:right;
}
.calendar-calendar td .inner .view-field,
.calendar-calendar td .inner .view-field a {
  color:#444;
  font-weight:normal;
}

.calendar-calendar td span.date-display-single,
.calendar-calendar td span.date-display-start,
.calendar-calendar td span.date-display-end,
.calendar-calendar td span.date-display-separator {
  font-weight:bold;
}
.calendar-calendar td .inner div.day a {
  color:#fff;
}
.calendar-calendar tr td.today,
.calendar-calendar tr.odd td.today,
.calendar-calendar tr.even td.today {
  background-color:#C3D6E4;
}
.calendar-calendar td .inner div.calendar div div.view-data-node-data-field-date-field-date-value {
  border-bottom:1px solid #ccc;
}

/* The following are not used by default but are available for themes */
.calendar-calendar td.past {}
.calendar-calendar td.future {}
.calendar-calendar td.has-events {}
.calendar-calendar td.has-no-events {}

{
color:#e78727;
font-size:10px;
}

.form-item 
{
color:#fff;
}